<template>
	<view class="pl25 pr25 messdetail">
		<view class="mt15 bgfff pl30 pr30 rela">
			<view class="flex flex-ac flex-pj pt30 pb30 bb">
				<text class="ft16 c333 bold">药品配送通知</text>
				<text class="ft12 c999">上午10:32</text>
			</view>
			<view class="pt30 pb30 bb">
				你购买的药品已由桐君阁大药房
				<text class="ml15 mr15 cfec322">备货完成</text>
				正由达达配送，请耐心等候。
			</view>
			<view class="flex flex-ac flex-pj pt30 pb30 bb">
				<text>查看详情</text>
				<image class="arrow" src="http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/arrow.png"></image>
			</view>
			<view class="pt30 pb30 bb"><text class="c666">配送方式：蜂鸟转送</text></view>
			<view class="flex flex-ac flex-pj pt30 pb30 bb">
				<text class="c666">配送人</text>
				<view class="flex flex-ac">
					<text class="c666">李狗蛋</text>
					<text class="ml15 mr15 c666">|</text>
					<view class="flex flex-ac">
						<image class="phone mr5" src="http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/phone.png"></image>
						<text class="c74a6fd">联系他</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onLoad() {},
	onShow() {},
	methods: {}
};
</script>

<style lang="less">
page {
	background: #efefef;
}
.messdetail > view {
	height: 100vh;
}
#sticky-nav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #fff;
}
.title {
	height: 90rpx;
	line-height: 90rpx;
	padding-left: 55rpx;
}
.phone {
	width: 34rpx;
	height: 34rpx;
}
</style>
